@import './reset';
body{
	background: white;
	-webkit-overflow-scrolling: auto;
}
.container{
	width: 100%;
	overflow: hidden;
	box-sizing: border-box;
	padding: calculateRem(20px) calculateRem(16px) calculateRem(58px);
	>h1{
		width: 100%;
		height: auto;
		line-height: calculateRem(30px);
		font-size: calculateRem(22px);
		color: black;
		margin: 0 0 calculateRem(10px);
	}
	.content{
		color: #333;
		font-size: calculateRem(17px);
		line-height: calculateRem(24px);
		p{
			margin: calculateRem(12px) 0;
			>span{
				color: #eb1f10;
			}

		}

	}

}

.footer{
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	height: calculateRem(58px);
	background-image: linear-gradient(0deg, #F5F8FA 0%, rgba(245,248,250,0.00) 100%);
	box-sizing: border-box;
	padding: 0 calculateRem(10px);
	>a{
		display: inline-block;
		height: calculateRem(48px);
		line-height: calculateRem(46px);
		box-sizing: border-box;
		font-size: calculateRem(20px);
		text-align: center;
		/*font-weight: bold;*/
	}
	.no-agree{
		width: 38%;
		color: #EB1F10;
		border: 1px solid #818B91;
		border-radius: 5px;
		background: white;
		float: left;
		&:active{
			background: #fafafa;
		}

	}
	.agree{
		width: 60%;
		background: #f2b7b3;
		color: white;
		border: 1px solid #f2b7b3;
		border-radius: 5px;
		float: right;
		&:active{
			background: #efa5a0;
		};
	}
	.readed{
		background: #EB1F10;
		&:active{
			background: #C51B0D;
		};
	}
}